<!--/**
 * Plugin Name: 论坛展示型app
 * Description: uloug.com To develop and share! Please keep the copyright information!
 * Author: 拾讯网
 * Author URI: http://www.uloug.com
 * Version: 1.0
 * Plugin URI: https://git.oschina.net/858598758/apicloud.mao10.app.demo.git
 * License: GPL2+
 */-->

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<title>APP</title>
		<link rel="stylesheet" type="text/css" href="../../css/aui.css" />
		<style>
			.my-header {
				background: url('image/mybg.png') no-repeat;
				background-size: cover;
				min-height: 220px;
				position: relative;
			}
			.my-info {
				position: relative;
				padding: 20px 0;
				width: 100%;
				bottom: 0;
				text-align: center;
				vertical-align: center;
			}
			.my-info img {
				width: 80px;
				height: 80px;
				border-radius: 50%;
			}
			.my-info p.nickname {
				margin-top: 5px;
				color: #ffffff;
				font-size: 18px;
			}
			.my-menu {
				position: absolute;
				width: 100%;
				height: 45px;
				line-height: 45px;
				left: 0;
				bottom: 0;
				text-align: center;
				background: #ffffff;
				filter: Alpha(opacity=50);
				background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0 !important;
				color: #ffffff;
				font-size: 14px;
			}
			.my-menu .aui-col-xs-3 {
				border-right: 1px solid #9bd6d5;
			}
			.my-menu .aui-col-xs-3:last-child {
				border-right: none;
			}
			.my-menu > div:active {
				background: #ffffff;
				filter: Alpha(opacity=50);
				background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0 !important;
			}
		</style>
	</head>
	<body>
		<div class="aui-content my-header">
			<div class="my-info" tapmode onclick="openWin('data')">
				<img src="../../image/demo5.png">
				<p class="nickname">
					拾昧生活
				</p>
			</div>
			<div class="my-menu">
				<div class="aui-col-xs-3" tapmode onclick="openWin('register')">
					注册
				</div>
				<div class="aui-col-xs-3" tapmode onclick="openWin('login')">
					登录
				</div>
				<div class="aui-col-xs-3" tapmode onclick="openWin('ceshi')">
					关注
				</div>
				<div class="aui-col-xs-3" tapmode onclick="openWin('ceshi')">
					设置
				</div>
			</div>
		</div>
		<div class="aui-content">
			<ul class="aui-list-view aui-in">
				<li class="aui-list-view-cell" tapmode onclick="news()">
					<a class="aui-arrow-right"> 
					<i class="aui-iconfont aui-icon-comment aui-bg-info"></i>消息中心 <span class="aui-badge">12</span></a>
				</li>
			</ul>
		</div>
		<div class="aui-content">
			<ul class="aui-list-view aui-in">
				<li class="aui-list-view-cell" tapmode onclick="openWin('ceshi')">
					<a class="aui-arrow-right"> <i class="aui-iconfont aui-icon-edit aui-bg-info"></i>订阅过</a>
				</li>
				<li class="aui-list-view-cell" tapmode onclick="openWin('ceshi')">
					<a class="aui-arrow-right"> <i class="aui-iconfont aui-icon-emoji aui-bg-success"></i>足迹过</a>
				</li>
				<li class="aui-list-view-cell" tapmode onclick="openWin('ceshi')">
					<a class="aui-arrow-right"> <i class="aui-iconfont aui-icon-favor aui-bg-danger"></i>赞过的 </a>
				</li>
			</ul>
		</div>
		<div class="aui-content">
			<ul class="aui-list-view aui-in">
				<li class="aui-list-view-cell" tapmode onclick="openWin('ceshi')">
					<a class="aui-arrow-right"> <i class="aui-iconfont aui-icon-edit aui-bg-info"></i>找好友</a>
				</li>
				<li class="aui-list-view-cell" tapmode onclick="openWin('ceshi')">
					<a class="aui-arrow-right"> <i class="aui-iconfont aui-icon-emoji aui-bg-success"></i>账号绑定</a>
				</li>
				<li class="aui-list-view-cell" tapmode onclick="openWin('ceshi')">
					<a class="aui-arrow-right"> <i class="aui-iconfont aui-icon-like aui-bg-danger"></i>意见反馈 </a>
				</li>
				<li class="aui-list-view-cell" tapmode onclick="openWin('set')">
					<a class="aui-arrow-right"> <i class="aui-iconfont aui-icon-settings aui-bg-warning"></i>设置</a>
				</li>
			</ul>
		</div>
	</body>
	<script type="text/javascript" src="../../script/api.js" ></script>
	<script type="text/javascript" src="../../script/common_do.js"></script>
	<script>
		// 打开消息
		function news() {
			var delay = 0;
			if (api.systemType != 'ios') {
				delay = 300;
			}
			api.openWin({
				name : 'news_win',
				url : '../../html/news/news_win.html',
				bounces : false,
				delay : delay,
				slidBackEnabled : true,
				vScrollBarEnabled : false
			});
		}
	</script>
</html>